<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .recommend-box li:nth-child(6) {
            background-color: rgba(0, 0, 0, 0.14);
        }
    </style>
    <link rel="stylesheet" href="./lib/reset/reset.css">
    <!-- <link rel="stylesheet" href="./css/iconfont.css"> -->
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/conmom.css">
    <link rel="stylesheet" href="./fonts/01/iconfont.css">
    <link rel="shortcut icon" href="./bitbug_favicon (2).ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/xd.css">
</head>
<body>
    <div class="topnav">
        <!-- 版心 -->
        <div class="container">
            <!-- 搜索栏 -->
            <div class="topnav-searchbox">
                <!-- 左 -->
                <img src="./images/logo.png" alt="" class="topnav-logo">
                <span class="topnav-wyy "><a href="#">网易云音乐</a></span>
                <div class="topnav-nav">
                    <div>
                        <a href="#">发现音乐</a>
                        <div class="topnav-nav-xsj"></div>
                    </div>
                    <div><a href="./my-music.html">我的音乐</a></div>
                    <div><a href="./friend.html">朋友</a></div>
                    <div><a href="./shopping.html">商城</a></div>
                    <div><a href="./musician.html">音乐人</a></div>
                    <div class="topnav-nav-last">
                        <a href="./client.html">下载客户端</a>
                        <div class="topnav-nav-hot">HOT</div>
                    </div>
                </div>

                <!-- 右 -->
                <p><a href="#">登录</a></p>
                <a href="#">
                    <div class="topnav-nav-right">创作者中心</div>
                </a>
                <div class="topnav-nav-input">
                    <i class="iconfont">&#xe6e7</i>
                    <input type="text" placeholder="音乐/视频/电台/用户">
                </div>
            </div>
        </div>
    </div>

    <!-- 第二排 推荐 -->
    <div class="recommend " id="id-top">
        <!-- 版心 -->
        <div class="container">
            <div class="recommend-box">
                <ul>
                    <li><a href="./index.html">推荐</a></li>
                    <li><a href="#">排行榜</a></li>
                    <li><a href="#">歌单<img src="./images/white-r-icon@3x.png" alt="" class="R">
                        </a>
                    </li>
                    <li><a href="#">主播电台</a></li>
                    <li><a href="#">歌手</a></li>
                    <li><a href="./xindie.html">新碟上架</a></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="newcontainer">
        <div class="plate clearfix">
            <ul id="plate">
                <!-- <li>
                    <div class="plate-img-box">
                        <img src="./images/51.jpg" alt="">
                        <div class="img-back-z"></div>
                        <a href="#" class="plate-img-box-a1">我爱你这是最好</a>
                        <a href="#" class="plate-img-box-a2">群星</a>
                    </div>
                    <a href="#">
                        <div class="action"></div>
                    </a>
                </li> -->
            </ul>
        </div>
    </div>

    <!-- 最下面 -->
    <div class="music-bottom">
        <!-- 版心 -->
        <div class="newcontainer">
            <!-- 左边 -->
            <div class="music-bottom-left">
                <!-- 第一排 -->
                <div class="music-bottom-one-row">
                    <a href="#">服务条款</a>
                    <li>|</li>
                    <a href="#">隐私政策</a>
                    <li>|</li>
                    <a href="#">儿童隐私政策 </a>
                    <li>|</li>
                    <a href="#">版权投诉指引</a>
                    <li>|</li>
                    <a href="#">意见反馈</a>
                    <li>|</li>
                    <br>

                </div>
                <!-- 二 -->
                <p class="music-bottom-p1">网易公司版权所有©1997-2019 &nbsp;&nbsp;&nbsp;&nbsp;杭州乐读科技有限公司运营：<a
                        href="#">浙网文[2018]3506-263号</a></p>
                <!-- 三 -->
                <p class="music-bottom-p2">违法和不良信息举报电话：0571-89853516 &nbsp;&nbsp;&nbsp;&nbsp;举报邮箱：<a
                        href="#">ncm5990@163.com</a></p>
            </div>

            <!-- 右边 -->
            <div class="music-bottom-right">
                <div class="music-bottom-right-box">
                    <a href="#"><span class="music-bottom-right-img1">
                        </span></a>
                    <li>用户认证</li>
                </div>
                <div class="music-bottom-right-box">
                    <a href="#"> <span class="music-bottom-right-img2">
                        </span></a>
                    <li>独立音乐人</li>
                </div>
                <div class="music-bottom-right-box">
                    <a href="#"> <span class="music-bottom-right-img3">
                        </span></a>
                    <li>赞赏</li>
                </div>
                <div class="music-bottom-right-box">
                    <a href="#"> <span class="music-bottom-right-img4">
                        </span></a>
                    <li>视频奖励</li>
                </div>
            </div>
        </div>

        <!-- 放回,固定 -->
        <a href="#id-top" class="fh-top" title="返回顶部"></a>
    </div>

    <script src="./js/xd.js"></script>
    <script src="./js/ajax.js"></script>
</body>
</html>